<template>
  <div id="app">
    <Code1></Code1>
    <Code2></Code2>
    <Code3></Code3>
    <Code4></Code4>
    <Code5></Code5>
    <Code6></Code6>
    <Code7></Code7>
    <Code8></Code8>
    <Code9></Code9>
  </div>
</template>

<script>
  import Code1 from './components/Code1.vue'
  import Code2 from './components/Code2.vue'
  import Code3 from './components/Code3.vue'
  import Code4 from './components/Code4.vue'
  import Code5 from './components/Code5.vue'
  import Code6 from './components/Code6.vue'
  import Code7 from './components/Code7.vue'
  import Code8 from './components/Code8.vue'
  import Code9 from './components/Code9.vue'
  export default{
    components: {
      Code1,
      Code2,
      Code3,
      Code4,
      Code5,
      Code6,
      Code7,
      Code8,
      Code9
    }
  }
</script>
  
<style>

</style>
